import Vue from 'vue'
import VueRouter from 'vue-router'
// import Home from '../views/Home.vue'
// import tag from '../14.MyTag.vue'
// import First from '../tabs/First.vue'
// import Second from '../tabs/Second.vue'
// import Third from '../tabs/Third.vue'
// import NotFound from '../tabs/404.vue'
// import Login  from  '../mianjing/Login.vue'
// import Register  from  '../mianjing/Register.vue'
// import Layout  from  '../mianjing/Layout.vue'
// import Home  from  '../mianjing/Sub/Home.vue'
// import Collect  from  '../mianjing/Sub/Collect.vue'
// import Love  from  '../mianjing/Sub/Love.vue'
// import My  from  '../mianjing/Sub/My.vue'
// import Detail  from  '../mianjing/Detail.vue'

import Login  from  '../work/Login.vue'
import First  from  '../work/First.vue'
import Second  from  '../work/Second.vue'
import Third  from  '../work/Third.vue'
import Forth  from  '../work/Forth.vue'
import Layout  from  '../work/Layout.vue'
import Monday  from  '../work/Monday.vue'
import Tuesday  from  '../work/Tuesday.vue'
import Wednesday  from  '../work/Wednesday.vue'

Vue.use(VueRouter)

/* 路由规则 */
const routes = [
  {
    path:'/login',
    name:'login',
    component:Login
  },
  {
    path:'/layout',
    name:'Layout',
    component:Layout,
    children:[
      {
        path:'/first',
        name:'first',
        component:First,
        children:[
          {
            path:'/monday',
            name:'monday',
            component:Monday
          },
          {
            path:'/tuesday',
            name:'tuesday',
            component:Tuesday
          },
          {
            path:'/wednesday',
            name:'wednesday',
            component:Wednesday
          },
        ]
      },
      {
        path:'/second',
        name:'Second',
        component:Second
      },
      {
        path:'/third/:id',
        name:'Third',
        component:Third
      },
      {
        path:'/forth/:id',
        name:'Forth',
        component:Forth
      },
    ]
  }
  
]

const router = new VueRouter({
  // linkActiveClass: 'aa',
  // linkExactActiveClass: 'bb',
  mode:'hash',//配置路由模式
  routes:routes
})

export default router
